* {
	margin: 0;
	padding: 0;

}

body {
	background-color: rgb(243, 243, 243);
}

// 顶部栏
.top {
	cursor: default;
	padding-top: 60px;
	width: 1000px;
	margin: 0 auto;

	// 路径显示
	span {
		font-size: 16px;
		color: #58b6d8;
	}

	//  两个标签
	.top1 {
		font-size: 14px;
		display: inline-block;
		padding: 3px 4px;
		border-radius: 2px;
		margin-left: 5px;
		color: #fff;
		line-height: 14px;
		background: #e00000;
	}

	.top2 {
		font-size: 14px;
		display: inline-block;
		padding: 3px 4px;
		border-radius: 2px;
		margin-left: 5px;
		color: #fff;
		line-height: 14px;
		background: #ff9900;
	}

	//  水平线
	.hr {
		background-color: #58b6d8;
		height: 1px;
		// border: 1px solid #58b6d8;
	}
}

// 内容部分
.content {
	width: 1000px;
	// height: 1000px;
	margin: 0 auto;
	margin-top: 20px;
	cursor: default;

	// 左侧主体
	.contentleft {

		float: left;
		width: 725px;
		// height: 1000px;
		// background-color: pink;

		// 小说图片及按钮
		.left {
			width: 180px;
			// height: 180px;
			float: left;
			// background-color: #fff;

			img {
				width: 180px;
			}

			span {
				color: white;
				background: #58b6d8;
				margin-left: 7px;
				margin-top: 10px;
				display: inline-block;
				width: 80px;
				height: 35px;
				line-height: 35px;
				text-align: center;
				border-radius: 10px;
			}

			// 另一个颜色按钮
			.color {
				background-color: #fff;
				color: #58b6d8;
				border: 1px solid #58b6d8;
			}

		}

		//  右侧小说详情
		.right {
			width: 510px;
			// height: 1000px;
			float: right;
			background-color: #fff;

			li {
				list-style-type: none;
				color: #66605b;
				margin-bottom: 8px;

			}

			// 小说标题
			.right1 {
				color: #575757;
				font-size: 20px;
				font-weight: bold;
				margin-right: 20px;
			}

			// 小说标签样式
			.tb {
				font-size: 12px;
				margin-right: 15px;
				height: 20px;
				line-height: 20px;
				display: inline-block;
				padding: 0 10px;
				text-align: center;
				border: #58b6d8 solid 1px;
				color: #58b6d8;
				border-radius: 20px;
			}

			// 展示部分内容
			.contain {
				width: 510px;
				height: 140px;
				// color: red;
				font-size: 14px;
				overflow-y: scroll;
				// background-color: rgb(240, 221, 221);
				margin-bottom: 20px;
			}


		}

		.clear {
			clear: both;
		}

		.detail {
			// width: 725px;
			// background-color: rgb(205, 105, 105);

			// 章节标题栏
			.title {
				width: 100%;
				height: 40px;
				background-color: rgb(233, 233, 233);
				border: 1px solid rgb(200, 209, 214);

				.titleleft {
					float: left;
					color: #66605b;
					margin-top: 4px;
					float: left;
					height: 32px;
					border-left: #58b6d8 solid 4px;
					padding-left: 15px;
					margin-left: 5px;
					line-height: 30px;
					font-size: 20px;
				}

				.titleright {
					float: right;
					color: #58b6d8;
					margin-right: 20px;
					margin-top: 4px;
					line-height: 30px;
					font-size: 16px;
				}
			}

			// 最新章节
			.content {
				width: 100%;
				height: 150px;
				// background-color: rgb(183, 207, 196);
				margin-top: 0;
				display: flex;
				// justify-content: space-between;
				flex-wrap: wrap;
				border: 1px solid rgb(193, 199, 202);

				.contentc {
					width: 200px;
					height: 40px;
					text-align: center;
					line-height: 40px;
					// background-color: rgb(219, 128, 128);
					margin-left: 30px;
				}
			}


		}

		.comments {
			background-color: rgb(243, 242, 242);


			.commentss {
				position: relative;
				padding: 10px;
				margin-top: 10px;
				background-color: #fff;

				img {
					width: 50px;
					height: 50px;
					border-radius: 50%;
				}

				.user {
					position: absolute;
					top: 25px;
					left: 70px;
					font-size: 16px;
					font-weight: 600;
				}

				.content {
					width: 500px;
					// background-color: rgb(249, 249, 249);
					margin: 0;
					margin-top: 10px;
					text-indent: 10px;
					font-size: 14px;
					// border-radius: 10px;
					padding: 5px;
				}
			}

		}
	}

	.contentright {
		float: right;
		width: 230px;
		// height: 1000px;
		background-color: rgb(243, 243, 243);
		padding: 10px;

		.title {
			color: #333;
			font-size: 17px;
			font-weight: bold
		}
		.fen{
			font-size: 14px;
			span{
				font-size: 30px;
			}
			
		}
		.biaoqian{
			// display: flex;
			margin-top:20px;
			.biao{
                display: inline-block;
				background-color: rgb(255, 255, 255);
				margin-top: 5px;
			}
			
		}
	}
}
.clear{
	clear: both;
}